<template>
  <!-- 添加审核人弹出框 -->
  <el-dialog
    :visible.sync="Visible"
    width="60%"
    append-to-body
    title="规则介绍"
    :before-close="close"
  >
    <div>
      <div class="aa"><span class="bb">1</span>.如需模块参与积分时，在对应的模块上，点击开启按钮；</div>
      <div class="aa"><span class="bb">2</span>.模块积分每天有上限值时，点击设置积分，选择上限值，当日所得积分之和小于等于上限值，如没有上限值时默认为无上限；</div>
      <div class="aa"><span class="bb">3</span>.不同模块的规则不同，点击相应模块的查看规则进行编缉，开启规则，进行设置。</div>
      <div class="aa"><span class="bb">4</span>.子规则：每天即为每天可获得的积分，限制次数为每天打开的次数，每次可获得的积分，如次数为2次，设置积分为1，即每天可获得2积分；无限即为积分为无限，如浏览新闻，每打开一次就会记录一次积分，无上限；一次即为只会记录一次的积分，如浏览新闻，该篇新闻浏览后，只会记入一次积分。</div>
    </div>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="close">确 定</el-button>
<!--      <el-button type="primary" @click="onsubmit()" :loading="loading">确定</el-button>-->
    </div>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        loading: false,
        Visible: false,
        dataForm: {
          id: '',
          type: -1,
          maxCount: ''
        },
        rules: {
          maxCount: [
            {required: true, message: '上限积分不能为空', trigger: 'blur'}
          ]
        }
      }
    },
    methods: {
      init() {
        this.dataForm = {
          id: '',
          type: -1,
          maxCount: ''
        }
        this.Visible = true
        this.loading = false
      },
      close() {
        this.Visible = false
      }
    }
  }
</script>

<style scoped>
  .bb {
    margin-top: 10px;
    font-size: 18px;
  }
  .aa{
    margin-top: 10px;
  }
</style>
